<!DOCTYPE html>
<html ng-app="Horizon">
	<head>
		<title>Horizon</title>
		<meta http-equiv="content-type" content="text/html" charset="utf-8"/>
		<link rel="shortcut icon" href="images/ABB_48.ico" />
		<link rel="stylesheet" href="lib/ionic.css" />
		<link rel="stylesheet" href="css/main.css" />
		<meta name="apple-mobile-web-app-capable" content="yes" /> 
		<link rel="apple-touch-icon" href="images/mra.png" />
		<style type="text/css">
			#IECursor{
				cursor:pointer;
				cursor:url(images/cursor.png),auto;
				/*cursor:url(images/ie.cur),auto;*/
			}
		</style>
	</head>
	<body ng-controller="selectLocationCtr">
		<ion-header-bar align-title="right" class="bar-stable" id="selectBox">
			<div class="blink"></div>
			<div class="timeBox">
				<span class="y_m_d_w" ng-show="timeStatus" ng-bind='time|date:"dd/MM/yyyy EEE"'></span>
				<span class="y_m_d_w" ng-show="selectTimeStatus">
					<span ng-bind="selectTime"></span>
					<span ng-bind="selectWeek"></span>
				</span>
				<span class="h_min" ng-bind='time|date:"HH:mm"'></span>
			</div>
			<select id="country" ng-model="pro" ng-options="pros.Country for pros in LocationData" ng-change="proToCity()">
                <option value="" class="optCoun">Select...</option>
            </select>
			<select id="city" ng-model="city" ng-options="cit for cit in cities" ng-change="cityToArea()">
            	<option value="" class="optCity">Select...</option>
            </select>
		</ion-header-bar>
		<div class="content">
			<div class="row responsive-break title" ng-controller="timeCtr">
				<div class="col col-20">
					<div class="col-demo"></div>
				</div>
				<div class="col">
					<div class="col-demo hour">08:00</div>
				</div>
				<div class="col">
					<div class="col-demo hour">09:00</div>
				</div>
				<div class="col">
					<div class="col-demo hour">10:00</div>
				</div>
				<div class="col">
					<div class="col-demo hour">11:00</div>
				</div>
				<div class="col">
					<div class="col-demo hour">12:00</div>
				</div>
				<div class="col">
					<div class="col-demo hour">13:00</div>
				</div>
				<div class="col">
					<div class="col-demo hour">14:00</div>
				</div>
				<div class="col">
					<div class="col-demo hour">15:00</div>
				</div>
				<div class="col">
					<div class="col-demo hour">16:00</div>
				</div>
				<div class="col">
					<div class="col-demo hour">17:00</div>
				</div>
				<div class="blink"></div>
			</div>
			<div class="meetRoom" id="meetRoom">
				<div ng-show="show" class="row responsive-break main" ng-repeat="item in roomData track by $index" dom-done>
					<div class="col col-20 roomID" style="cursor: pointer;">
						<div id="IECursor" data-clipboard-text="{{item.FullName}}" id="{{item.FullName}}" num="{{$index}}" class="btn mouseCopy col-demo copy" ng-bind="item.RoomName">
						</div>
					</div>
					<div class="col">
						<div class="col-demo"></div>
					</div>
					<div class="col">
						<div class="col-demo"></div>
					</div>
					<div class="col">
						<div class="col-demo"></div>
					</div>
					<div class="col">
						<div class="col-demo"></div>
					</div>
					<div class="col">
						<div class="col-demo"></div>
					</div>
					<div class="col">
						<div class="col-demo"></div>
					</div>
					<div class="col">
						<div class="col-demo"></div>
					</div>
					<div class="col">
						<div class="col-demo"></div>
					</div>
					<div class="col">
						<div class="col-demo"></div>
					</div>
					<div class="col">
						<div class="col-demo"></div>
					</div>
				</div>
				<div id="ruler"></div>
			</div>
			<div class="popup" id="popup">
			</div>
			<div class="copyInfo" id="copyInfo">
				<span>Copied</span>
			</div>
		</div>
		<div class="meetRoom" id="loading">
			<img src="images/loading.gif" alt="" />
		</div>
		<div class="side">
			<button ng-repeat="item in dateData track by $index" ng-click="selectDay(item.date,$event,item.week)" class="itemBox">
				<p class="week" ng-bind="item.week"></p>
				<p class="date" ng-bind="item.time"></p>
			</button>
		</div>
		<div class="foot">
			<p class="ABUB">CNABB IS Application</p>
		</div>
		<script src="lib/ionic.bundle.min.js"></script>
		<script src="lib/jquery-1.11.0.js"></script>
		<!--<script src="lib/jquery.zclip.js"></script>-->
		<script src="lib/clipboard.min.js"></script>
		<script src="js/main.js"></script>
		<script src="js/service/Location_ser.js"></script>
		<script src="js/common.js"></script>
		<script src="js/directive/dom-done.js"></script>
		<script src="js/controller/selectLocationCtr.js"></script>
		<script src="js/controller/timeCtr.js"></script>
	</body>
</html>
